/*
 * 乐一番官网物流线路样式文件

 * @author: zhuzl<me@zhuzhilong.com>
 * @date: 2025-05-18 01:47:42
 */

.doc-list-item .card {
  border: 0;
  border-radius: 0;
}
.doc-list-item .card .card-img {
  height: 152px;
  width: 100%;
  overflow: hidden;
  border-radius: 0;
}
.doc-list-item .card .card-img .card-img-top {
  width: 100%;
  border-radius: 0;
}
.doc-list-item .card .card-body {
  padding: 16px 0;
}
.doc-list-item .card .card-body a:hover .card-title {
  color: var(--primary-color);
}
.doc-list-item .card .card-title {
  margin-top: 16px;
  color: var(--text-color-dark);
}
.doc-list-item .card .card-text {
  color: var(--text-color-light);
}
.text-truncate {
  white-space: break-spaces;
}
      
/* ============================================================
    Banner区样式
   ============================================================ */
.block-banner {
  position: relative;
  z-index: 0;
  height: 400px;
  display: flex;
  align-items: center;
  background: url(https://cms-image.leyifan.cn/resources/image/2026/08/28/842776977256517.png) center center / cover no-repeat;
}
.channel-name {
  position: absolute;
  top: 190px;
  left: 240px;
	font-size: 48px;
	font-weight: 600;
	line-height: 62px;
	letter-spacing: normal;
	color: #FFFFFF;
	text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
}

.page-main {
  position: relative;
  display: flex;
}

/* ============================================================
    右侧内容区样式
   ============================================================ */
.content-wrap {
  flex: 1;
  min-width: 0;
  padding-bottom: 80px;
	padding-top: 80px;
  background-color: #F9F9F9;
  display: flex;
   justify-content: center;
}
.container{
	width: 1440px;
	box-sizing: border-box;
	padding: 0;
}
.doc-title {
  text-align: center;
  margin-bottom: 48px;

	font-family: San Francisco Text;
	font-size: 32px;
	font-weight: bold;
	line-height: 42px;
	text-align: center;
	letter-spacing: normal;
	color: #222222;
}
.cotainer-title {
	margin-bottom: 32px;
	font-size: 24px;
	line-height: 24px;
	font-weight: 600;
	color: #222222;
	text-align: center;
}
.doc-content ul, .doc-content ul > li {
  border:none;
  list-style: unset;
}
.doc-content table {
  width: 100%;
}


/* ============================================================
    侧边栏样式
   ============================================================ */
.sidebar {
  width: 240px ;
  transition: all 0.3s ease;
  padding: 24px 16px ;
  background-color: #FFFFFF;
}
.sidebar.hide {
  margin-left: -240px;
  z-index: 1;
}
.sidebar.hide .sidebar-entry{
  padding-left: 264px;
  width: 380px;
  background-color: transparent;
}
.sidebar-entry {
	padding: 0px 8px;
  width: 208px;
  box-sizing: border-box;
  cursor: pointer;
  z-index: 1;
  transition: padding-left 0.3s ease, width 0.3s ease;
	padding-bottom: 32px;
}
.sidebar-entry .sidebar-entry-inner{
	display: flex;
	gap: 12px;
	align-items: center;
	white-space: nowrap;
}
.sidebar-entry i.lyf-collapse {
  transition: all 0.3s ease;
  display: inline-block;
  vertical-align: middle;
}
.sidebar-entry i.lyf-collapse.state-rotate {
  transform: rotateY(180deg);
}
.sidebar-entry .sidebar-entry-inner span{
	font-family: San Francisco Text;
	font-size: 16px;
	font-weight: normal;
	line-height: 22px;
	letter-spacing: normal;
	color: #222222;
}
/* 收起状态下显示「物流线路」，展开状态下显示「收起」 */
.sidebar-label-collapse {
	display: none;
}
.sidebar.hide .sidebar-label-expand {
	display: none;
}
.sidebar.hide .sidebar-label-collapse {
	display: inline;
}
.category-list {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.category-item h3 {
  padding-left: 8px;
  margin-bottom: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
	gap: 8px;

	font-family: San Francisco Text;
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
	letter-spacing: normal;
	color: #222222;
}
.category-item h3 i.lyfFont {
  font-weight: normal;
  color: #AAA;
  transition: all 0.3s ease;
  margin-right: 8px;
  font-size: 16px;
  display: inline-block;
  transform: rotate(180deg);
}
.category-item h3.category-collapsed i.lyfFont {
  transform: rotate(0deg);
}
.category-item .children {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.category-item .children a {
  display: block;
  border-radius: 8px;
  padding: 7px 8px;
  font-size: 16px;
	background: rgba(247, 64, 84, 0);

	font-family: San Francisco Text;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	letter-spacing: normal;
	color: #666666;
}
.category-item .children a.active,.category-item .children a.hover {
  color:var(--primary-color);
  background: rgba(255, 55, 77, 0.05);
}
/* 禁止 resize 跨断点时侧边栏出现滑动动画 */
body.resize-no-transition .sidebar {
  transition: none !important;
}
/* 移动端侧边栏遮罩层 */
.sidebar-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.sidebar-overlay.visible {
  opacity: 1;
  pointer-events: auto;
}
/* 移动端侧边栏触发按钮（默认隐藏，≤ 1024px 显示） */
.sidebar-trigger {
  display: none;
  align-items: center;
  gap: 12px;
  padding: 24px 32px 0 24px;
  background-color: #F9F9F9;
  box-sizing: border-box;
  cursor: pointer;

	font-family: San Francisco Text;
	font-size: 16px;
	font-weight: normal;
	line-height: 22px;
	letter-spacing: normal;
	color: #222222;
}
.sidebar-trigger i.lyfFont {
  font-size: 18px;
  color: #222222;
  transform: scaleX(-1);
}
   
.row {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 每行3列，等宽 */
    gap: 32px; /* 行列间距均为32px */
    margin: 0;
}
.row-cols-md-3>* {
   max-width: 100%;
}
.mb-2 {
   margin-bottom: 0px !important;
}
.row .col{
	border-radius: 6px;
  background: #FFFFFF;
  box-sizing: border-box;
  overflow: hidden;
padding: 16px;
}
.doc-list-item .card .card-img {
   height: 132px;
}
.doc-list-item .card .card-img .card-img-top {
   border-radius: 4px;
   height: 100%;
}
.doc-list-item .card .card-body {
   padding: 0;
}
.doc-list-item .card .card-title {
  margin-top: 12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: #5C5A5A;
  margin-bottom: 0px !important;
}
.doc-list-item .card .card-text {
  margin-top: 4px;
  font-size: 12px;
  line-height: 18px;
  color: #999999;
  white-space: break-spaces;
  display: -webkit-box;          /* 必须：设置为弹性盒模型 */
  -webkit-box-orient: vertical;  /* 必须：设置子元素排列方向为垂直 */
  -webkit-line-clamp: 2;         /* 核心：限制显示的行数，这里是2行 */
  overflow: hidden;              /* 必须：配合隐藏超出部分 */
  text-overflow: ellipsis;       /* 超出时显示省略号（兼容增强） */
}
   
.common-page-nav {
  margin-top: 24px;
}

@media (min-width: 1920px) {}

@media (min-width: 1440px) and (max-width:1919px) {
  .container {
    width: clamp(1152px, calc(1152px + (100vw - 1440px) * 3 / 5), 1440px);
  }
  .row {
      gap: clamp(24px, calc(24px + (100vw - 1440px) * 8 / 480), 32px);
  }
  .doc-list-item .card .card-img {
    height: clamp(108px, calc(108px + (100vw - 1440px) * 24 / 480), 132px);
  }

}

@media (min-width: 1280px) and (max-width:1439px) {
    .block-banner {
        height: clamp(355px, calc(355px + (100vw - 1280px) * 45 / 160), 400px);
    }
    .channel-name {
        top: clamp(167px, calc(167px + (100vw - 1280px) * 23 / 160), 190px);
    }
    .container {
      width: clamp(992px, calc(992px + (100vw - 1280px) * 5 / 4), 1152px);
    }
    .row {
        gap: 24px;
    }
    .doc-list-item .card .card-img {
      height: clamp(91px, calc(91px + (100vw - 1280px) * 17 / 160), 108px);
    }
}

@media (min-width: 1024px) and (max-width:1279px) {
    .block-banner {
        height: clamp(284px, calc(284px + (100vw - 1024px) * 71 / 256), 355px);
    }
    .channel-name {
        top: clamp(143px, calc(143px + (100vw - 1024px) * 24 / 256), 167px);
        left: clamp(80px, calc(80px + (100vw - 1024px) * 160 / 256), 240px);
        font-size: clamp(32px, calc(32px + (100vw - 1024px) * 16 / 256), 48px);
        line-height: clamp(42px, calc(42px + (100vw - 1024px) * 20 / 256), 62px);
    }

    .page-main {
      flex-direction: column;
    }

    .sidebar {
        position: fixed;
        top: 0;
        left: 0;
        width: 240px;
        height: 100%;
        overflow-y: auto;
        background: #FFFFFF;
        padding: 24px 16px;
        box-sizing: border-box;
        z-index: 2000;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
    }

    /* 打开状态：整个抽屉滑入 */
    .sidebar.open {
        transform: translateX(0);
    }

    /* 触发按钮显示 */
    .sidebar-trigger {
        display: flex;
    }
    .content-wrap {
      padding-bottom: clamp(32px, calc(32px + (100vw - 1024px) * 48 / 256), 80px);
      padding-top: clamp(32px, calc(32px + (100vw - 1024px) * 48 / 256), 80px);
    }
    .container {
      width: clamp(976px, calc(976px + (100vw - 1024px) * 1), 1232px);
      /* margin: 24px 0 80px 0; */
    }
    .row {
        gap: 24px;
    }
    .doc-list-item .card .card-img {
      height: clamp(89px, calc(89px + (100vw - 1024px) * 2 / 256), 91px);
    }
    
}

@media (min-width: 960px) and (max-width:1023px) {
    .block-banner {
        height: clamp(266px, calc(266px + (100vw - 960px) * 18 / 64), 284px);
    }
    .channel-name {
        top: clamp(134px, calc(134px + (100vw - 960px) * 9 / 64), 143px);
        left: 80px;
        font-size: 32px;
        line-height: 42px;
    }
    .page-main {
      flex-direction: column;
    }

    .sidebar {
        position: fixed;
        top: 0;
        left: 0;
        width: 240px;
        height: 100%;
        overflow-y: auto;
        background: #FFFFFF;
        padding: 24px 16px;
        box-sizing: border-box;
        z-index: 2000;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
    }

    /* 打开状态：整个抽屉滑入 */
    .sidebar.open {
        transform: translateX(0);
    }

    /* 触发按钮显示 */
    .sidebar-trigger {
        display: flex;
    }
    .content-wrap {
      padding-bottom: 32px;
      padding-top: 32px;
    }
    .container {
      width: clamp(912px, calc(912px + (100vw - 960px) * 1), 976px);
      /* margin: 24px 0 80px 0; */
    }
    .doc-list-item .card .card-img {
      height: clamp(82px, calc(82px + (100vw - 960px) * 7 / 64), 89px);
    }
    .row {
        gap: 24px;
    }
}

@media (min-width: 840px) and (max-width:959px) {
    .block-banner {
        height: clamp(233px, calc(233px + (100vw - 840px) * 33 / 120), 266px);
    }
    .channel-name {
        top: clamp(117px, calc(117px + (100vw - 840px) * 17 / 120), 134px);
        left: 80px;
        font-size: 32px;
        line-height: 42px;
    }
    .page-main {
      flex-direction: column;
    }

    .sidebar {
        position: fixed;
        top: 0;
        left: 0;
        width: 240px;
        height: 100%;
        overflow-y: auto;
        background: #FFFFFF;
        padding: 24px 16px;
        box-sizing: border-box;
        z-index: 2000;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
    }

    /* 打开状态：整个抽屉滑入 */
    .sidebar.open {
        transform: translateX(0);
    }

    /* 触发按钮显示 */
    .sidebar-trigger {
        display: flex;
    }
    .content-wrap {
      padding-bottom: 32px;
      padding-top: 32px;
    }
    .container {
      width: clamp(792px, calc(792px + (100vw - 840px) * 1), 912px);
      /* margin: 24px 0 80px 0; */
    }
    .row {
        gap: 24px;
    }
    .doc-list-item .card .card-img {
      height: clamp(70px, calc(70px + (100vw - 840px) * 12 / 120), 82px);
    }
}

@media (min-width: 768px) and (max-width:839px) {
    .block-banner {
        height: 400px;
        margin-top: 96px;
    }
    .channel-name {
        top: 201px;
        left: 24px;
        font-size: 32px;
        line-height: 42px;
    }
    .page-main {
      flex-direction: column;
    }
    .sidebar {
        position: fixed;
        top: 0;
        left: 0;
        width: 240px;
        height: 100%;
        overflow-y: auto;
        background: #FFFFFF;
        padding: 24px 16px;
        box-sizing: border-box;
        z-index: 2000;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
    }

    /* 打开状态：整个抽屉滑入 */
    .sidebar.open {
        transform: translateX(0);
    }

    /* 触发按钮显示 */
    .sidebar-trigger {
        display: flex;
    }
    .content-wrap {
      padding-bottom: clamp(24px, calc(24px + (100vw - 768px) * 8 / 72), 32px);
      padding-top: clamp(24px, calc(24px + (100vw - 768px) * 8 / 72), 32px);
    }
    .container {
      width: clamp(720px, calc(720px + (100vw - 768px) * 1), 792px);
      margin-top: 24px;
      /* margin: 24px 0 48px 0; */
    }
   	.row {
      grid-template-columns: repeat(2, 1fr); /* 每行2列，等宽 */
      gap: 24px;
    }
    .doc-list-item .card .card-img {
      height: 106px;
    }
}

@media (min-width: 600px) and (max-width:767px) {
    .block-banner {
        height: clamp(312px, calc(312px + (100vw - 600px) * 88 / 168), 400px);
        margin-top: 96px;
    }
    .channel-name {
        top: clamp(157px, calc(157px + (100vw - 600px) * 44 / 168), 201px);
        left: 24px;
        font-size: 32px;
        line-height: 42px;
    }
    .page-main {
      flex-direction: column;
    }
    .sidebar {
        position: fixed;
        top: 0;
        left: 0;
        width: 240px;
        height: 100%;
        overflow-y: auto;
        background: #FFFFFF;
        padding: 24px 16px;
        box-sizing: border-box;
        z-index: 2000;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
    }

    /* 打开状态：整个抽屉滑入 */
    .sidebar.open {
        transform: translateX(0);
    }

    /* 触发按钮显示 */
    .sidebar-trigger {
        display: flex;
    }
    .content-wrap {
      padding-bottom: 24px;
      padding-top: 24px;
    }
    .container {
      width: clamp(552px, calc(552px + (100vw - 600px) * 1), 720px);
      /* margin: 24px 0 48px 0; */
      margin-top: 24px;
    }
   	.row {
      grid-template-columns: repeat(2, 1fr); /* 每行2列，等宽 */
      gap: 24px;
    }
    .doc-list-item .card .card-img {
      height: clamp(78px, calc(78px + (100vw - 600px) * 28 / 168), 106px);
    }
}

@media (min-width: 480px) and (max-width:599px) {
    .block-banner {
        height: clamp(250px, calc(250px + (100vw - 480px) * 62 / 120), 312px);
        margin-top: 96px;
    }
    .channel-name {
        top: clamp(126px, calc(126px + (100vw - 480px) * 31 / 120), 157px);
        left: 24px;
        font-size: clamp(30px, calc(30px + (100vw - 480px) * 2 / 120), 32px);
        line-height: clamp(40px, calc(40px + (100vw - 480px) * 2 / 120), 42px);
    }
    .page-main {
      flex-direction: column;
    }
    .sidebar {
        position: fixed;
        top: 0;
        left: 0;
        width: 240px;
        height: 100%;
        overflow-y: auto;
        background: #FFFFFF;
        padding: 24px 16px;
        box-sizing: border-box;
        z-index: 2000;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
    }

    /* 打开状态：整个抽屉滑入 */
    .sidebar.open {
        transform: translateX(0);
    }

    /* 触发按钮显示 */
    .sidebar-trigger {
        display: flex;
    }
    .content-wrap {
      padding-bottom: 24px;
      padding-top: 24px;
    }
    .container {
      width: clamp(448px, calc(448px + (100vw - 480px) * 1), 552px);
      /* margin: 24px 0 48px 0; */
      margin-top: 16px;
    }
   	.row {
      grid-template-columns: repeat(2, 1fr); /* 每行2列，等宽 */
      gap: clamp(16px, calc(16px + (100vw - 480px) * 8 / 120), 24px);
    }
    .doc-list-item .card .card-img {
      height: clamp(61px, calc(61px + (100vw - 480px) * 17 / 120), 78px);
    }
    .doc-list-item .card .card-title {
      font-size: clamp(14px, calc(14px + (100vw - 480px) * 2 / 120), 16px);
      line-height: clamp(18px, calc(18px + (100vw - 480px) * 4 / 120), 22px);
    }
}

@media (max-width:479px) {
    .block-banner {
        height: clamp(187px, calc(187px + (100vw - 360px) * 63 / 120), 250px);
        margin-top: 96px;
    }
    .channel-name {
        top: clamp(95px, calc(95px + (100vw - 360px) * 31 / 120), 126px);
        left: 24px;
        font-size: 30px;
        line-height: 40px;
    }
    .page-main {
      flex-direction: column;
    }
    .sidebar {
        position: fixed;
        top: 0;
        left: 0;
        width: 240px;
        height: 100%;
        overflow-y: auto;
        background: #FFFFFF;
        padding: 24px 16px;
        box-sizing: border-box;
        z-index: 2000;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
    }

    /* 打开状态：整个抽屉滑入 */
    .sidebar.open {
        transform: translateX(0);
    }

    /* 触发按钮显示 */
    .sidebar-trigger {
        display: flex;
    }
    .content-wrap {
      padding-bottom: 24px;
      padding-top: 24px;
    }
    .container {
      width: clamp(328px, calc(328px + (100vw - 360px) * 120 / 120), 448px);
      /* margin: 24px 0 48px 0; */
      margin-top: 16px;
    }
   	.row {
      grid-template-columns: repeat(2, 1fr); /* 每行2列，等宽 */
      gap: 16px;
    }
    .doc-list-item .card .card-img {
      height: clamp(42px, calc(42px + (100vw - 360px) * 19 / 120), 61px);
    }
    .doc-list-item .card .card-title {
      font-size: 14px;
      line-height: 18px;
    }
}